<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>

</head>
<body>
<div id="change"
     style="-webkit-transform: matrix(1,0,0,1,200,100);-moz-transform: matrix(1,0,0,1,200,100);-ms-transform: matrix(1,0,0,1,200,100);-o-transform: matrix(1,0,0,1,200,100);transform: matrix(1,0,0,1,200,100);background: #3a82ff;width: 400px;height: 400px;-webkit-border-radius: 200px;-moz-border-radius: 200px;border-radius: 200px;">
    旋转、缩放、移动以及倾斜元素
</div>
</body>
<script language="JavaScript">
    var b = 0;
    function myjs() {
        var change = document.getElementById("change");
        var a = 1;
        b = b + 0.01;
        var c = 0;
        var d = 1;
        var e = 200;
        var f = 100;
        change.style.transform = 'matrix(' + a + ',' + b + ',' + c + ',' + d + ',' + e + ',' + f + ')';
    }
    ;
    setInterval(myjs, 1000);
</script>
</html>